<!doctype html>
<html>

<head>
    <meta charset="UTF-8">
    <title>水票</title>
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate"/>
    <meta http-equiv="Pragma" content="no-cache"/>
    <meta http-equiv="Expires" content="0"/>
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
    <link href="css/mui.min.css" rel="stylesheet"/>
    <link rel="stylesheet" href="./fonts/font_tabbar/iconfont.css"/>
    <link rel="stylesheet" href="./css/public.css?v=20181211"/>
    <link rel="stylesheet" type="text/css" href="./css/water-ticket.css?v=20181211"/>
    <script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>
    <script src='./js/jquery-3.2.1.min.js'></script>
    <script src="./js/mui.min.js"></script>
    <script src="./js/art-template.js"></script>
    <script src="./js/config.js?v=20181211"></script>
</head>

<body>
<div class='mui-content'>
    <!--固定选项卡-->
    <div id='segmentedControl' class='mui-slider-indicator  mui-segmented-control mui-segmented-control-inverted'>
        <a href="#itemlist" data="1" class='mui-control-item mui-active'>购买水票</a>
        <a href="#itemtext"  data = "2" class='mui-control-item'>水票须知</a>
    </div>
    <!--商品列表-->
    <div class="mui-slider-group">
        <div id="itemlist" class="mui-control-content mui-active">
            <div id="">
                <div id="scroll" class="mui-scroll-wrapper">
                    <ul class=" mui-scroll mui-table-view mui-table-view-chevron mui-slider-group" >
                        <li class='mui-content-padded' style="margin: 0;" id="fenye_list">

                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div id="itemtext" style="display: none">
            <div class="know_must" id="detail_know">

            </div>
        </div>
    </div>


    <!--tabbar-->
    <nav class='mui-bar mui-bar-tab'>
        <a href="javascript:redirect('take-water.html')" class="mui-tab-item">
            <span class='mui-icon'><i class=" iconfont icon-shuidi"></i></span>
            <span class='mui-tab-label'>订水</span>
        </a>
        <a href="javascript:redirect('index.html')" class="mui-tab-item ">
            <span class='mui-icon'><i class=" iconfont icon-shangcheng"></i></span>
            <span class='mui-tab-label'>商城</span>
        </a>
        <a href="javascript:redirect('water-ticket.html')" class="mui-tab-item  mui-active">
            <span class='mui-icon'><i class=" iconfont icon-piaofang"></i></span>
            <span class='mui-tab-label'>水票</span>
        </a>
        <a href="javascript:redirect('member.html')" class="mui-tab-item">
            <span class='mui-icon'><i class=" iconfont icon-wo"></i></span>
            <span class='mui-tab-label'>我的</span>
        </a>
    </nav>
</div>

<!--水票列表-->
<script type="text/html" id="fenye_list_data">
    {{each data ticket}}
    <div class='bill-list ticket_id' id="{{ticket.id}}">
        <!--<img src="http://www.qds.cn/uploads/goods/imgs/1/4_1.jpg?time=1530587351 " width="90px"-->
             <!--height="90px" style='margin:0 5px;' alt=""/>-->
        <img src="{{ticket.goods_img}}" width="90px"
             height="90px" style='margin:0 5px;' alt=""/>
        <div class='bill-right'>
            <p class='bill-list-top'><img src="./image/tiket_ico_index.png" class="ticket_img" style="vertical-align: top;"/>
                <span class='bill-title'>{{ticket.goods_name}}</span>
            </p>
            <p class='bill-gift'>
                {{each ticket.waterbill_category category}}
                <span>
                    {{category.title}}
                    {{if $index < ticket.waterbill_category.length -1}}
                    <span>,</span>
                    {{/if}}
                </span>
                {{/each}}
             </p>
            <p class='bill-price'>
                <span> ￥ {{ticket.goods_price}}</span>
                <a class='buy-ticket' data="ticket.id">购买</a>
            </p>
        </div>
    </div>
    {{/each}}
</script>

<script src='./js/commen.js?v=20181211'></script>
<script src="./js/water-ticket.js?v=20181211"></script>
</body>

</html>
